From 794cb6236fa256f8074c56f372eba05526e7c066 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Tue, 2 Apr 2024 22:41:19 +0530
Subject: UI Upgrades for anime section.

---
 src/app/manga/[title]/[id]/[read]/download.jsx | 6 +++---
 src/app/manga/[title]/[id]/info.module.css     | 9 ++++++++-
 src/app/manga/[title]/[id]/page.jsx            | 1 -
 3 files changed, 11 insertions(+), 5 deletions(-)

(limited to 'src/app/manga/[title]/[id]')

diff --git a/src/app/manga/[title]/[id]/[read]/download.jsx b/src/app/manga/[title]/[id]/[read]/download.jsx
index e0badc9..5ad71a5 100644
--- a/src/app/manga/[title]/[id]/[read]/download.jsx
+++ b/src/app/manga/[title]/[id]/[read]/download.jsx
@@ -1,17 +1,17 @@
 import styles from "./read.module.css";
-import Link from "next/link";
+// import Link from "next/link";
 
 export default function DownloadManga({ chapterId: id }) {
 	return (
 		<div className={styles.DownloadMain}>
-			<Link
+			<a
 				href={`https://manga-downloader-7nca.onrender.com/download?id=${id}`}
 				style={{ textDecoration: "none" }}
 			>
 				<button title="This functionality currently exhibits stability with lower-quality PDFs; however, users may encounter challenges when attempting to download higher-quality PDFs.">
 					Download - Beta
 				</button>
-			</Link>
+			</a>
 		</div>
 	);
 }
diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index a36658a..96635e3 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -9,7 +9,8 @@
 	justify-content: space-between;
 	align-items: center;
 	padding: 5px;
-	backdrop-filter: blur(5px);
+	background-color: #35353565;
+	backdrop-filter: blur(7px);
 
 }
 
@@ -71,11 +72,17 @@
 
 
 .CharacterEntry {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: auto;
 	margin: 5px;
 }
 
 .CharacterEntry p {
+	margin: 10px auto;
 	text-align: center;
+	width: 110px;
 	color: white;
 }
 
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 15eb148..5b54e23 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -30,7 +30,6 @@ export default async function MangaInfo({ params }) {
 							<p
 								style={{
 									color: data.color,
-									// backgroundColor: "#3a3a3ac2",
 									borderRadius: 10,
 									padding: 5,
 								}}
-- 
cgit v1.2.3